<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录页面</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/body.css"/>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
<!--<script type="text/javascript">-->
<!--            window.onload=function(){-->
<!--                var bt=document.getElementById("bt2");-->
<!--                var btt=document.getElementById("bt1");-->
<!--                bt.onclick=function(){-->
<!--                    alert(bt1.value);-->
<!--                }-->
<!--            }-->
<!--        </script>-->
<!--<script type="text/javascript">-->
<!--function going(){-->
<!--	-->
<!--	var name=document.getElementById("name");-->
<!--	var pwd=document.getElementById("password");-->
<!--	&lt;!&ndash;只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 &ndash;&gt;-->
<!--	var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;-->
<!--	&lt;!&ndash;密码由6-21字母和数字组成，不能是纯数字或纯英文&ndash;&gt;-->
<!--    var pw=/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;-->
<!--	if(!patrn.exec(name.value))-->
<!--	{-->
<!--		alert("用户名格式不对");-->
<!--		}  -->
<!--	if(!pw.exec(pwd.value))-->
<!--	{-->
<!--		alert("密码格式不对");-->
<!--		}-->
<!--		-->
<!--		-->
<!--		-->
<!--	if(name.value=="admin"&amp;&amp;pwd.value=="666admin")-->
<!--	{-->
<!--		alert("登录成功！！");-->
<!--		window.open('../Index.aspx.jsp');-->
<!--		-->
<!--		-->
<!--		-->
<!--		-->
<!--		}-->
<!--	if(name.value!="admin" &amp;&amp; pwd.value!="666admin")-->
<!--	{-->
<!--		alert("用户名密码错误！！");-->
<!--		}-->
<!--}-->
<!--</script>-->
</head>
<body>
<div class="container">
  <section id="content">
    <form method="post">
      <h1>学生信息管理系统</h1>
      <div>
        <input type="hidden" name="action" id="action" value="StudenLogin">
        <input type="text" placeholder="账号" required=""   name="username"  id="inputusername"  />
      </div>
      <div>
        <input type="password" placeholder="密码" required="" name="password" id="inputPassword" />
      </div>
      <div class="checkbox">
        <label>
          <input type="checkbox"   id="checkbox"  value="2"> 记住我
          <input type="hidden" name="checkbox" id="checkbox2" value="2">
          <input type="hidden" name="checkbox" id="checkbox1" value="2">
        </label>
      </div>
      <div>
          <div><button class="btn btn-lg btn-default" type="button" onclick="going()" >登录</button>
              <a href="ResetPasswd.html">忘记密码?</a>
          </div>

<!--          重置密码模态框-->
<!--          <div id="resetpassword" class="reveal-modal" data-reveal>-->
<!--            <h2>重置密码</h2>-->
<!--            学号：<input type="studentid" name="studentid"><br/>-->
<!--            <br/>-->
<!--            身份证号：<input type="idnumber" name="idnumber"><br/>-->
<!--            <br/>-->
<!--            电话：<input type="phone" name="phone"><br/>-->
<!--            <br/>-->
<!--            <button type="reset">提交</button>-->
<!--            <a class="close-reveal-modal">&times;</a>-->
<!--          </div>-->
        </div>

<!--      <script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.14/assets/js/ie10-viewport-bug-workaround.js"></script>-->

        <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<!--      <script src="./js/jquery-1.11.3.min.js"></script>-->
      <script src="./js/sweetalert.min.js" type="text/javascript"></script>
      <script type="text/javascript">











        function going(){
          //获取 username 的 cookie Value
          if($("input[type='checkbox']").is(':checked')){  //如果记住了密码
            $('#checkbox2').val('1'); //就将当前的checkbox的值设置为1
          }else {
            $('#checkbox2').val('2');
          }

            var usernames = $('#inputusername').val();
            var passwords = $('#inputPassword').val();
            var checkboxs = $('#checkbox2').val();

            //判断当前的账号密码是否为空或者为空值
            if ($.trim(usernames)==null || $.trim(usernames) ==''){
                swal({
                    title : "登陆操作提示",
                    type : "error",
                    text : "账号不能为空",
                    confirmButtonText : "确定",
                    closeOnConfirm : false
                });
                return false;
            }


          if ($.trim(passwords)==null || $.trim(passwords) ==''){
              swal({
                  title : "登陆操作提示",
                  type : "error",
                  text : "密码不能为空",
                  confirmButtonText : "确定",
                  closeOnConfirm : false
              });
                return false;
            }



          $.ajax({
            url: '../../student1/login.do',
            dataType: 'text',
            type: 'POST',
            data: {
              username:$('#inputusername').val(),
              password:$('#inputPassword').val(),
              checkbox:$('#checkbox2').val(), //是否记住了密码
              checkbox1:$('#checkbox1').val(), //是否对密码框的密码进行了更改
              action:'StudenLogin',

            },success:function (data) {  //如果返回数据为1，说明登陆失败
              if (data == 1){
                  swal({
                      title : "登陆操作提示",
                      type : "error",
                      text : "登陆失败请仔细检查账号密码是否正确",
                      confirmButtonText : "确定",
                      closeOnConfirm : false
                  });
              }else {
                  window.location.href = "../function/Index.aspx.jsp"
              }

            },
          });

        }


        // //使用cookie记住账号和密码
        $(function () {

          var username1 = $.cookie('username');  //并且获取其cookie的值
          var password1 = $.cookie('password');

          $('#inputusername').val(username1);  //展示被记住的用户名
          $('#inputPassword').val(password1);  //展示被记住的密码




            //判断当前是否对密码框的内容进行了修改
            $("input:password").bind("input propertychange",function(){

                $('#checkbox1').val('1'); //表示当前对密码框的值进行了修改，表示我修改过密码框的值

               });
        })





      </script>


    </form>
  </section>
</div>
</body>
</html>